<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:polla="http://www.compasudea.com/jsf/polla/">
  
<!-- Todas las paginas deben tener esta linea para que las tildes funcionen -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<f:view>
		<head>
			<title>Polla  Mundialista</title>	
			<script type="text/javascript" src="../js/common.js"></script>
			<link href="../css/estilos.css" rel="stylesheet" type="text/css" />
		</head>		
		
		<body>		
			<h:form id="mainForm">
				<div align="center">
					<table>
		            	<tr>
		            		<td colspan="2" align="center">
		            			<b>BIENVENIDO</b>
		            		</td>
		            	</tr>
		            	
		            	<tr>
		            		<td>
		            			<b>Usuario:&nbsp;</b>
		            		</td>
		            		<td>
		            			<h:inputText id="txtUsuario" 
		            						size="20" maxlength="30"
		            						value="#{loginBean.user.idUser}"/>
		            		</td>
		            	</tr>
		            	
		            	<tr>
		            		<td>
		            			<b>Clave:&nbsp;</b>
		            		</td>
		            		<td>
		            			<h:inputSecret id="txtClave" 
		           							size="20" maxlength="30"
		           							value="#{loginBean.user.clave}"/>
		            		</td>
		            	</tr>
		            	
		            	<tr>
		            		<td colspan="2" align="center">
		            			<a4j:commandButton id="btnEnviar"  styleClass="botonpequeno"
		            				value="Iniciar Sesión"
		            				action="#{loginBean.validarUsuario}"
		            				reRender="txtUsuario, txtClave, panelMensajes:modalMensajesForm"
							 					oncomplete="mostrarModalMensajes();"/>
		            		</td>
		            	</tr>
		            </table>            	
            	
				</div>
            </h:form>

            <a4j:include viewId="componentes/modalMensajes.xhtml" id="panelMensajes"></a4j:include> 
		</body>
	
	</f:view>
</html>